<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>用户账号（管理员）</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}"/>
	</head>

	<style type="text/css">
		.table {
			font-size: 10px;
		}

		.table .table_header {
			font-size: 11px;
		}
	</style>

	<body>
		<div id="wrap">
			<div id="top_content"> 
				<div id="header">
					<div id="rightheader">
						<p>
							[[${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}]]
							<br />
						</p>
					</div>
					<div id="topheader">
						<h1 id="title">
							<a href="#">影像制品租凭管理系统</a>
						</h1>
					</div>
					<div id="navigation">
						<ul>
							<li>
								<a href="/ims/product/findAll?type=admin">管理影像制品</a>
							</li>
							<li>
								<a style="color: #f00" href="/ims/user/findAll">管理用户账号</a>
							</li>
							<li>
								<a href="/ims/index">退出登陆</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="content">
					<p id="whereami"></p>
					<h1>
						当前为管理员账号： <span th:text="${session.user.username}"/>!
					</h1>
					<table class="table">
						<tr class="table_header">
							<td>
								id
							</td>
							<td>
								用户名
							</td>
							<td>
								真实姓名
							</td>
							<td>
								密码
							</td>
							<td>
								性别
							</td>
							<td>
								年龄
							</td>
							<td>
								电话
							</td>
							<td>
								用户类型
							</td>
							<td>
								操作
							</td>
						</tr>

						<tr th:class=${userStat.odd}?'row1':'row2' th:each="user,userStat : ${users}">
							<td>
								<span th:text="${user.id}"/>
							</td>
							<td>
								<!--用户名-->
								<span th:text="${user.username}"/>
							</td>
							<td>
								<!--真实姓名-->
								<span th:text="${user.realname}"/>
							</td>
							<td>
								<!--密码-->
								<span th:text="${user.userType} ne 'admin' ? ${user.password} : '******'"/>
							</td>
							<td>
								<!--性别-->
								<span th:text="${user.sex} eq 'man' ? '男' : '女'"/>
							</td>
							<td>
								<!--年龄-->
								<span th:text="${user.age}"/>
							</td>
							<td>
								<!--电话-->
								<span th:text="${user.phone}"/>
							</td>
							<td>
								<!--用户类型-->
								<span th:text="${user.userType} eq 'user' ? '注册用户' : (${user.userType} eq 'visitor' ? '游客' : '管理员')"></span>
							</td>
							<td>
								<span th:hidden="${user.userType} ne 'admin' ? true : false">无法操作管理员 <br> 请联系开发人员</span>

								<a th:hidden="${user.userType} eq 'admin' ? true : false" th:href="@{/product/delete(id=${user.id})}">删除</a>
								<span th:hidden="${user.userType} eq 'admin' ? true : false">|</span>
								<a th:hidden="${user.userType} eq 'admin' ? true : false" th:href="@{/user/approve(id=${user.id})}"
								   th:style="${user.userType} eq 'visitor' ? 'color: orange;' : 'pointer-events:none; color: #666;'">批准</a>
								<span th:hidden="${user.userType} eq 'admin' ? true : false">|</span>
								<a th:hidden="${user.userType} eq 'admin' ? true : false" th:href="@{/user/disapprove(id=${user.id})}"
								   th:style="${user.userType} ne 'visitor' ? 'color: orange;' : 'pointer-events:none; color: #666;'">取消</a>
							</td>
						</tr>
					</table>
					<p>
<!--						<input type="button" class="button" value="添加用户账号" onclick="location.href='/ims/toSave'">-->
					</p>

				</div>
			</div>
			<div id="footer">
				<div id="footer_bg">
				copyright@2021
				</div>
			</div>
		</div>
	</body>
</html>
